
<ion-view>
  <ion-header-bar class="bar bar-header header">
    <button on-touch="goback()" class="button return-btn">返回</button>
    <h1 class="title" ng-click="backToTop()">选择城市</h1>
  </ion-header-bar>
  <ion-content class="gray-bg" has-bouncing="true">
        <div class="list flow-find-warp">
            <label class="item item-input">
                <i class="icon flow-find-warp-icon"></i>
                <input type="text" class="flow-find-text" ng-model="search.city_name" placeholder="请输入城市名">
            </label>
        </div>
        <div class="item item-divider lbs-item-tit" ng-if="!search.city_name">定位城市</div>
        <div class="item" ng-if="!search.city_name">
          <a ng-if="localCity.city_name" ng-click="selectCity(localCity.shop_city_id)">
            <i class="lbs-item-icon"></i>{{localCity.city_name}}
          </a>
            <a ng-if="!localCity.city_name" ng-click="location()">
                <i class="lbs-item-icon"></i>定位当前位置
            </a>
        </div>
        <div  class="item item-divider lbs-item-tit" ng-if="!search.city_name&&cityList.hotCityList.length>0">热门城市</div>
        <div class="item row row-wrap padding lbs-item lbs-hot-city" ng-if="!search.city_name&&cityList.hotCityList.length>0">
            <a ng-click="selectCity(city.shop_city_id)" class="col-25" ng-repeat="city in cityList.hotCityList" ng-bind="city.city_name">上海</a>
        </div>
        <div class="list">
            <ul data-ng-repeat="(letter, tempCityList) in cityList.wordIndexResultMap">
                <li ng-if="!search.city_name" class="item item-divider lbs-item-tit" id="index_{{letter}}" ng-bind="letter">A</li>
                <li><a ng-click="selectCity(city.shop_city_id)" class="item lbs-item" ng-repeat="city in tempCityList  | filter:search" ng-bind="city.city_name">鞍山</a></li>
            </ul>
        </div>
  </ion-content>
  <div class="lbs-fix-nav" style="padding-top:90px;">
    <ul>
      <li><a on-touch="backToTop()">#</a></li>
      <li><a on-touch="gotoList('index_A')">A</a></li>
      <li><a on-touch="gotoList('index_B')">B</a></li>
      <li><a on-touch="gotoList('index_C')">C</a></li>
      <li><a on-touch="gotoList('index_D')">D</a></li>
      <li><a on-touch="gotoList('index_E')">E</a></li>
      <li><a on-touch="gotoList('index_F')">F</a></li>
      <li><a on-touch="gotoList('index_G')">G</a></li>
      <li><a on-touch="gotoList('index_H')">H</a></li>
      <li><a on-touch="gotoList('index_I')">I</a></li>
      <li><a on-touch="gotoList('index_J')">J</a></li>
      <li><a on-touch="gotoList('index_K')">K</a></li>
      <li><a on-touch="gotoList('index_L')">L</a></li>
      <li><a on-touch="gotoList('index_M')">M</a></li>
      <li><a on-touch="gotoList('index_N')">N</a></li>
      <li><a on-touch="gotoList('index_O')">O</a></li>
      <li><a on-touch="gotoList('index_P')">P</a></li>
      <li><a on-touch="gotoList('index_Q')">Q</a></li>
      <li><a on-touch="gotoList('index_R')">R</a></li>
      <li><a on-touch="gotoList('index_S')">S</a></li>
      <li><a on-touch="gotoList('index_T')">T</a></li>
      <li><a on-touch="gotoList('index_U')">U</a></li>
      <li><a on-touch="gotoList('index_V')">V</a></li>
      <li><a on-touch="gotoList('index_W')">W</a></li>
      <li><a on-touch="gotoList('index_X')">X</a></li>
      <li><a on-touch="gotoList('index_Y')">Y</a></li>
      <li><a on-touch="gotoList('index_Z')">Z</a></li>
    </ul>
  </div>
</ion-view>
